<!-- begin Sub Bar -->
		<div class="subbar" >
			<div class="container">
				<div id="carousel-top" class="carousel slide">
					<!-- Wrapper for slides -->
					<div class="carousel-inner">

		            <div class="item active">
						<a href="#" class="offer">
                                                        <?php echo $this->html->image('top-carrossel/offer01.jpg');   ?>
							
							<span><strong>2014 spark</strong>From $12,170*</span>
						</a>
						<a href="#" class="offer">
							<?php echo $this->html->image('top-carrossel/offer02.jpg');   ?>
							<span><strong>2013 sonic hatchback</strong>From $14,785*</span>
						</a>
						<a href="#" class="offer">
							<?php echo $this->html->image('top-carrossel/offer03.jpg');   ?>
							<span><strong>2013 cruze</strong>From $17,170*</span>
						</a>
						<a href="#" class="offer">
							<?php echo $this->html->image('top-carrossel/offer04.jpg');   ?>
							<span><strong>2014 traverse</strong>From $30,795*</span>
						</a>
					</div>

					<div class="item">
						<a href="#" class="offer">
                                                        <?php echo $this->html->image('top-carrossel/offer01.jpg');   ?>
							
							<span><strong>2014 spark</strong>From $12,170*</span>
						</a>
						<a href="#" class="offer">
							<?php echo $this->html->image('top-carrossel/offer03.jpg');   ?>
							<span><strong>2014 traverse</strong>From $30,795*</span>
						</a>
						<a href="#" class="offer">
							<?php echo $this->html->image('top-carrossel/offer02.jpg');   ?>
							<span><strong>2013 sonic hatchback</strong>From $14,785*</span>
						</a>
						<a href="#" class="offer">
							<?php echo $this->html->image('top-carrossel/offer01.jpg');   ?>
							<span><strong>2013 cruze</strong>From $17,170*</span>
						</a>
					</div>

					<div class="item">
						<a href="#" class="offer">
							<?php echo $this->html->image('top-carrossel/offer01.jpg');   ?>
							<span><strong>2014 spark</strong>From $12,170*</span>
						</a>
						<a href="#" class="offer">
							<?php echo $this->html->image('top-carrossel/offer01.jpg');   ?>
							<span><strong>2013 cruze</strong>From $17,170*</span>
						</a>
						<a href="#" class="offer">
							<?php echo $this->html->image('top-carrossel/offer03.jpg');   ?>
							<span><strong>2014 traverse</strong>From $30,795*</span>
						</a>
						<a href="#" class="offer">
							<?php echo $this->html->image('top-carrossel/offer02.jpg');   ?>
							<span><strong>2013 sonic hatchback</strong>From $14,785*</span>
						</a>
					</div>

					</div>

					<!-- Controls -->
					<a class="carousel-control" href="#carousel-top" data-slide="prev">
						<span class="icon-left-circled"></span>
					</a>
					<a class="carousel-control next" href="#carousel-top" data-slide="next">
						<span class="icon-right-circled"></span>
					</a>

				</div>
			</div>
		</div>
		<!-- end Sub Bar -->
			
		<!-- Slider -->                             
		<div class="bannercontainer">
			<div class="banner ">
				<ul>                        
					<li data-transition="curtain-3" data-slotamount="1">
                                            <?php echo $this->html->image('slider/slider01.jpg');   ?>
						
						<div 
							class="caption lft " 
							data-x="center"
							data-y="bottom"
							data-speed="1000"
							data-start="500"
							data-easing="easeOutBack"
						>		
							<p>
								<span>Special Offers <span>&nbsp;</span></span>
								Volvo &gt; from $29,810
							</p>
						</div>                                 
					</li>

					<li data-transition="curtain-3" data-slotamount="1">
						<?php echo $this->html->image('slider/slider02.jpg');   ?>
						<div 
							class="caption lft " 
							data-x="center"
							data-y="bottom"
							data-speed="1000"
							data-start="500"
							data-easing="easeOutBack"
						>
							<p>
								<span>Special Offers <span>&nbsp;</span></span>
								Volvo &gt; from $29,810
							</p>
						</div>  
					</li> 

					<li data-transition="curtain-3" data-slotamount="1">
						<?php echo $this->html->image('slider/slider03.jpg');   ?>
						<div 
							class="caption lft " 
							data-x="center"
							data-y="bottom"
							data-speed="1000"
							data-start="500"
							data-easing="easeOutBack"
						>
							<p>
								<span>Special Offers <span>&nbsp;</span></span>
								Volvo &gt; from $29,810
							</p>
						</div>                                    
					</li> 
				</ul>
			</div>
		</div>
		<!-- End Slider -->

	</header>
	<!-- End header -->



	<section id="home">
		<div class="container">

		

		

		<div class="row">
			<div class="col-md-9">
				<h3>Recent Listing</h3>
				<div class="grid">
					
                                    
                                     <?php foreach ($stocks as $stock): ?> 
                                    <div class="item-grid">
						<div class="ribbon red"><span>new offer</span></div>
						
						<div style="display:block;" class="more noMore" href="#">
                                                        <div class="p-overlay">
                                                            <h3><?php echo $stock['Make']['make_name']; ?> <?php echo $stock['ModelDesc']['model_desc']; ?></h3>

                                                            <ul>
                                                                 <li><?php echo $this->Html->link('More info',array('action'=>'view','controller'=>'stocks',$stock['Stock']['id']));?></li>
                                                                <li><a href="#">Add to wish list ›</a></li>
                                                                <li><a href="#">Add to compare ›</a></li>
                                                            </ul>
                                                        </div>
						</div>
						
						 <?php echo $this->html->image('rent/rent01.jpg');   ?>
						<p><?php echo $stock['Stock']['year']; ?> <?php echo $stock['Make']['make_name']; ?> <span>$<?php if(isset($stock['Stock']['selling_price']) && !empty($stock['Stock']['selling_price'])) echo $stock['Stock']['selling_price']; else echo"0"; ?></span></p>
					</div>
                                         <?php endforeach; ?>
                                    
                                 
				</div>
			</div>

			<div class="col-md-3">
				<div class="list-group alt">
					<h3>Popular Cars Deal</h3>
					<a href="#" class="list-group-item">
						<div class="popular-item">
							<img src="img/top-carrossel/offer01.jpg" alt="//">
							<strong>Nissa Centra</strong>
							Year: 2012<br >
							Price: 22,000
						</div>
					</a>
					<a href="#" class="list-group-item">
						<div class="popular-item">
							<img src="img/top-carrossel/offer02.jpg" alt="//">
							<strong>Nissa Centra</strong>
							Year: 2012<br >
							Price: 22,000
						</div>
					</a>
					<a href="#" class="list-group-item">
						<div class="popular-item">
							<img src="img/top-carrossel/offer03.jpg" alt="//">
							<strong>Nissa Centra</strong>
							Year: 2012<br >
							Price: 22,000
						</div>
					</a>
					<a href="#" class="list-group-item">
						<div class="popular-item">
							<img src="img/top-carrossel/offer04.jpg" alt="//">
							<strong>Nissa Centra</strong>
							Year: 2012<br >
							Price: 22,000
						</div>
					</a>
					<div class="clearfix"></div>
				</div>

				<div class="list-group alt">
					<h3>Hot cars 2013</h3>
					<a href="#" class="list-group-item">
						<div class="hot-item">
							<img src="img/rent/rent04.jpg" alt="//">
							<strong>Nissa Centra</strong>
							<span>Price: 22,000</span>
							<div class="clearfix"></div>
						</div>
					</a>
					<a href="#" class="list-group-item">
						<div class="hot-item">
							<img src="img/rent/rent04.jpg" alt="//">
							<strong>Nissa Centra</strong>
							<span>Price: 22,000</span>
							<div class="clearfix"></div>
						</div>
					</a>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>

		<!-- testimonials -->
		<div class="row testimonials">
			<div class="col-sm-12">
				<h2>Testimonials</h2>
				<div class="col-md-12">
					<div id="carousel-testimonials" class="carousel slide">
						<!-- Controls -->
						<a class="carousel-control prev" href="#carousel-testimonials" data-slide="prev">
							<i class="icon-left-open-mini"></i>
						</a>
						<a class="carousel-control" href="#carousel-testimonials" data-slide="next">
							<i class="icon-right-open-mini"></i>
						</a>
						<a class="carousel-control all" href="#">Viewl All</a>

						<!-- Wrapper for slides -->
						<div class="carousel-inner">
						<div class="item active">
							<div class="testimonials-item">
							 	<span class="ribbon">&nbsp;</span>
								<div class="img"><img src="img/testimonials/testimonial1.jpg" alt="//"></div>
								<em>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</em>
								<strong>Mike Smithson</strong>
							</div>

							<div class="testimonials-item">
								<span class="ribbon">&nbsp;</span>
								<div class="img"><img src="img/testimonials/testimonial2.jpg" alt="//"></div>
								<em>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</em>
								<strong>Mike Smithson</strong>
							</div>
						</div>

						<div class="item">
							<div class="testimonials-item">
								<span class="ribbon">&nbsp;</span>
								<div class="img"><img src="img/testimonials/testimonial1.jpg" alt="//"></div>
								<em>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</em>
								<strong>Mike Smithson</strong>
							</div>

							<div class="testimonials-item">
								<span class="ribbon">&nbsp;</span>
								<div class="img"><img src="img/testimonials/testimonial2.jpg" alt="//"></div>
								<em>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</em>
								<strong>Mike Smithson</strong>
							</div>
						</div>

						</div>
					</div>		
				</div>
			</div>
		</div>
		<!-- end testimonials -->

		<!-- sevices -->
		<div class="row services">
			<div class="col-sm-12">
				<h2>Our Services</h2>
				<div id="carousel-services" class="carousel slide">
						<!-- Controls -->
						<a class="carousel-control prev" href="#carousel-services" data-slide="prev">
						<i class="icon-left-open-mini"></i>
						</a>
						<a class="carousel-control" href="#carousel-services" data-slide="next">
						<i class="icon-right-open-mini"></i>
						</a>

						<!-- Wrapper for slides -->
						<div class="carousel-inner">
						
							<div class="item active">
								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-cog"></span>
									</div>
									<strong>Responsive Design</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-comment"></span>
									</div>
									<strong>Unlimited Colors</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-eye-open"></span>
									</div>
									<strong>Customer Support</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-globe"></span>
									</div>
									<strong>Great Support</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-screenshot"></span>
									</div>
									<strong>Responsive Design</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-screenshot"></span>
									</div>
									<strong>Easy to change</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>
							</div>


							<div class="item">

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-eye-open"></span>
									</div>
									<strong>Responsive Design</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-globe"></span>
									</div>
									<strong>Responsive Design</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-cog"></span>
									</div>
									<strong>Responsive Design</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-comment"></span>
									</div>
									<strong>Responsive Design</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-screenshot"></span>
									</div>
									<strong>Responsive Design</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>

								<div class="services-item">
									<div class="ico">
										<span class="glyphicon glyphicon-screenshot"></span>
									</div>
									<strong>Responsive Design</strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
								</div>
							</div>
						</div>
				</div>
			</div>
		</div>
		<!-- end sevices -->
		</div>

	</section>

	